
export default function Txt(
	{
		value,
		placeholder,
		onChange
	}: {
		value?: string
		placeholder?: string
		onChange(v: string): void
	}) {
	return <>
		<div className='bg'>
			<input type='text' value={value} placeholder={placeholder} className='txt' onChange={(e) => {
				onChange(e.target.value);
			}} />
			<style jsx>{`
.bg{
display: flex;
flex-direction: column;
padding: 0.5rem 1rem;
background-color: #FFFFFF;
width: 100%;
}
.txt{
background-color: #FFFFFF;
border: 0.05rem solid #D9D9D9;
border-radius: 0.125rem;
font-size: 0.875rem;
color: #000000;
width: 100%;
height: 2rem;
}
			`}</style>
		</div>
	</>;
}
